// 后台页面逻辑
document.addEventListener('DOMContentLoaded', function() {
    // 检查登录状态
    const currentUser = sessionStorage.getItem('currentUser');
    
    if (!currentUser) {
        // 未登录，跳转到登录页
        window.location.href = 'index.html';
        return;
    }

    // 解析用户信息
    const user = JSON.parse(currentUser);
    
    // 更新用户信息显示
    document.getElementById('currentUserName').textContent = `欢迎，${user.username}`;
    document.getElementById('currentUserRole').textContent = user.role === 'superadmin' ? '超级管理员' : '管理员';

    // 退出登录功能
    document.getElementById('logoutBtn').addEventListener('click', function() {
        // 清除登录信息
        sessionStorage.removeItem('currentUser');
        
        // 显示退出提示
        const toast = document.createElement('div');
        toast.className = 'fixed top-4 right-4 bg-green-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
        toast.innerHTML = '<i class="fas fa-check-circle mr-2"></i>已成功退出登录';
        document.body.appendChild(toast);
        
        // 2秒后跳转
        setTimeout(() => {
            window.location.href = 'index.html';
        }, 1500);
    });

    // 防止未授权访问
    window.addEventListener('storage', function(e) {
        if (e.key === 'currentUser' && !e.newValue) {
            window.location.href = 'index.html';
        }
    });

    // 模拟实时数据更新
    function updateStats() {
        const stats = {
            totalUsers: Math.floor(Math.random() * 1000) + 1000,
            onlineUsers: Math.floor(Math.random() * 100) + 50,
            todayVisits: Math.floor(Math.random() * 500) + 200
        };

        // 更新统计卡片
        const cards = document.querySelectorAll('.stat-card');
        if (cards.length >= 3) {
            cards[0].querySelector('.text-2xl').textContent = stats.totalUsers.toLocaleString();
            cards[1].querySelector('.text-2xl').textContent = stats.onlineUsers;
            cards[2].querySelector('.text-2xl').textContent = stats.todayVisits;
        }
    }

    // 每30秒更新一次统计数据
    setInterval(updateStats, 30000);

    // 添加页面可见性检测
    document.addEventListener('visibilitychange', function() {
        if (document.hidden) {
            // 页面隐藏时暂停更新
            console.log('页面隐藏，暂停实时更新');
        } else {
            // 页面显示时恢复更新
            console.log('页面显示，恢复实时更新');
            updateStats();
        }
    });

    // 键盘快捷键
    document.addEventListener('keydown', function(e) {
        // Ctrl + Q 快速退出
        if (e.ctrlKey && e.key === 'q') {
            e.preventDefault();
            document.getElementById('logoutBtn').click();
        }
    });

    // 导航菜单点击事件
    document.querySelectorAll('nav a').forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            
            // 移除所有活动状态
            document.querySelectorAll('nav a').forEach(a => {
                a.classList.remove('bg-white', 'bg-opacity-20');
            });
            
            // 添加活动状态
            this.classList.add('bg-white', 'bg-opacity-20');
            
            // 这里可以添加页面切换逻辑
            const pageName = this.textContent.trim();
            console.log(`切换到页面：${pageName}`);
        });
    });
});

// 防止浏览器后退按钮
window.addEventListener('popstate', function(e) {
    // 阻止默认的后退行为
    history.pushState(null, null, location.href);
});

// 页面加载完成后的初始化
window.addEventListener('load', function() {
    // 添加加载动画
    document.body.style.opacity = '0';
    document.body.style.transition = 'opacity 0.3s ease';
    
    setTimeout(() => {
        document.body.style.opacity = '1';
    }, 100);
});
